<!DOCTYPE html>
<html lang="zxx">

<head>
  <!--====== Required meta tags ======-->
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!--====== Title ======-->
  <title> Markpro - Digital Marketplace HTML Template </title>
  <!--====== Bootstrap css ======-->
  <link rel="stylesheet" href="src/static/css/bootstrap.min.css">
  <!--=== Owl-Carousel ===-->
  <link rel="stylesheet" href="src/static/css/owl.carousel.min.css">
  <!--====== Magnific ======-->
  <link rel="stylesheet" href="src/static/css/magnific-popup.css">
  <!--===nice-select===-->
  <link rel="stylesheet" href="src/static/css/nice-select.css">
  <!--====== Animate CSS ======-->
  <link rel="stylesheet" href="src/static/css/animate.min.css">
  <!--====== Font Awesome ======-->
  <link rel="stylesheet" href="src/static/css/font-awesome.min.css">
  <!--====== Main Css ======-->
  <link rel="stylesheet" href="src/static/css/style.css">
  <!--====== Responsive Css ======-->
  <link rel="stylesheet" href="src/static/css/responsive.css">
  <!--本页样式-->
  <style>
  </style>
</head>

<body>
<!--====== Preloader Start ======-->
<div id="preloader">
  <div class="loader-cubes">
    <div class="loader-cube1 loader-cube"></div>
    <div class="loader-cube2 loader-cube"></div>
    <div class="loader-cube4 loader-cube"></div>
    <div class="loader-cube3 loader-cube"></div>
  </div>
</div>
<!--====== Preloader End ======-->

<!--====== Header Part Start ======-->
<header class="header-one sticky-header">
  <div class="header-navigation">
    <div class="container-fluid d-flex align-items-center justify-content-between container-1470">
      <div class="header-left">
        <div class="site-logo">
          <a href="index.html"><img src="src/static/picture/logo.png" alt="Markpro"></a>
        </div>
      </div>
      <div class="header-right d-flex align-items-center justify-content-end">
        <div class="site-nav-menu">
          <ul class="primary-menu">
            <li class="current">
              <a class="drop" href="index.html">主页</a>
            </li>
            <li>
              <a href="src/view/FP.html">功能点度量</a>
            </li>
            <li>
              <a href="src/view/marktetplace.html">类图辅助度量</a>
            </li>
            <li>
              <a href="src/view/contact.html">用例点辅助度量</a>
            </li>
            <li>
              <a href="src/view/controlflowMetric.html">控制流图辅助度量</a>
            </li>
            <li>
              <a href="src/view/codeMetric.html">代码辅助度量</a>
            </li>
          </ul>
          <a href="#0" class="nav-close"><i class="fal fa-times"></i></a>
        </div>
        <div class="header-extra d-flex align-items-center">
          <div class="search-widget">
            <a href="#0" class="search-icon"><i class="fal fa-search"></i></a>

            <div class="search-form">
              <form action="#">
                <input type="search" placeholder="Type keywords & hit enter">
              </form>

              <a href="#0" class="search-close"><i class="fal fa-times"></i></a>
            </div>
          </div>
          <div class="offcanvas-widget d-none">
            <div class="offcanvas-icon">
              <span></span><span></span><span></span>
            </div>
          </div>
          <div class="nav-toggler">
            <span></span><span></span><span></span>
          </div>
          <div class="navbar-btn">
            <a href="#0"> <i class="fas fa-user"></i>My Account</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
<!--====== Header Part End ======-->


<!--====== Banner Start ======-->
<section class="banner">
  <div class="shape">
    <img src="src/static/picture/banner-shap-1.png" class="shape-1" alt="banner-shap">
  </div>
  <div class="shape">
    <img src="src/static/picture/banner-shap-2.png" class="shape-2" alt="banner-shap">
  </div>
  <div class="container">
    <div class="row justify-content-between">
      <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
        <div class="banner-content">
          <h1 class="head">
            Measure your progress, improve your code
          </h1>
          <p class="text">
            Our software metrics tool makes it easy to do both.
          </p>
          <form action="#">
            <div class="form-group">
              <input type="text" placeholder="Search Here" class="form-control">
              <button class="main-btn icon"><i class="fal fa-search"></i></button>
            </div>
          </form>
        </div>
      </div>
      <div class="col-xl-5 col-lg-6 wow fadeInUp">
        <!--首页右侧五个按钮-->
        <div class="banner-icon" >
          <div class="icon icon-1" class="metric_button" onclick="location.href='src/view/FP.html';" style="cursor:pointer;">
            <img src="src/static/picture/gnddl.png" alt="banner-icon">

          </div>
          <div class="icon icon-2"><img src="src/static/picture/ltdl.png" alt="banner-icon"></div>
          <div class="icon icon-3" class="metric_button" onclick="location.href='src/view/controlflowMetric.html';" style="cursor:pointer;"><img src="src/static/picture/kzltdl.png" alt="banner-icon"></div>
          <div class="icon icon-4" ><img src="src/static/picture/ylddl.png" alt="banner-icon"></div>
          <div class="icon icon-5" class="metric_button" onclick="location.href='src/view/codeMetric.html';" style="cursor:pointer;"><img src="src/static/picture/dmdl.png" alt="banner-icon"></div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--====== Banner End ======-->

<!--====== Back to top start ======-->
<div class="back-to-top">
  <a href="#0"> <i class="fas fa-arrow-up"></i> </a>
</div>
<!--====== Back to top start ======-->

<!--====== Jquery ======-->
<script src="src/static/js/jquery-3.6.0.min.js"></script>
<!--====== Bootstrap ======-->
<script src="src/static/js/bootstrap.bundle.min.js"></script>
<!--=== Owl-Carousel ===-->
<script src="src/static/js/owl.carousel.min.js"></script>
<!--====== Nice Select ======-->
<script src="src/static/js/jquery.nice-select.min.js"></script>
<!--====== Magnific ======-->
<script src="src/static/js/jquery.magnific-popup.min.js"></script>
<!--====== Wow ======-->
<script src="src/static/js/wow.min.js"></script>
<!--====== Main JS ======-->
<script src="src/static/js/main.js"></script>


<script type="text/javascript">

</script>

</body>

</html>